import React from 'react';
import { Link } from 'react-router-dom';
import { LogoHeader } from '../../components/Header';
import { LoginForm } from '../../components/Login';

import styles from './index.module.less';

export default class login extends React.Component {
  render() {
    const rightContent = (
      <div className={styles.menuBox}>
        <Link className={styles.menuItem} to="/">首页</Link>
        <Link className={styles.menuItem} to='/login'>登录</Link>
        <Link className={styles.menuItem} to='/register'>注册</Link>
        <Link className={styles.menuItem} to='/help'>帮助中心</Link>
      </div>
    );

    return (
      <React.Fragment>
        <LogoHeader moduleName='欢迎登陆' rightContent={rightContent} />
        <div className={styles.loginContent}>
          <LoginForm></LoginForm>
        </div>
      </React.Fragment>
    );
  }
}
